<template>
  <div>
     <!-- 
      过滤器的使用是在插值语法中,在数据后添加一个管道符,后边书写过滤器
      如果过滤器不需要传参,则直接书写过滤器名称即可
      如果过滤需要传参,则直接传参
      插值语法中如果有过滤器,则插值语法展示的其实是过滤器函数的返回值

     -->
      <p>商品1的价格是{{ price | priceFormat(1) }}</p>
    <p>商品2的价格是{{ price | priceFormat(3) }}</p>
    <h1>全局过滤器</h1>
    <p>{{ 10000000000000 | formatDate("YYYY年 MM月DD日 HH点mm分ss秒") }}</p>
    <p>
      {{ 10000000000000 | formatDate("YYYY - MM - DD - HH-mm-ss") }}
    </p>
  </div>
</template>

<script>
export default {
name:'App',
data(){
  return {
    price:100,
  };
},
filters:{
  /* 
      局部注册过滤器通过filters配置项定义
        - 过滤器的第一个参数是被过滤的数据
        - 过滤器后边的参数是 在调用过滤器时传入的参数
    */
   priceFormat(data, num) {
      return "￥" + data.toFixed(num);
    },
}
}
</script>

<style>

</style>